ul, ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

h1, h2, h3, p, form {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

img {
    border: none;
}

#eventos, #publicidad, #principal, #secundario #fotos {
        padding: 0.5em;
}

#pie {
    background-color: #F8F8F8;
    padding-bottom: .5em;
    padding-top: .5em;	
}

#menu {
    border-bottom: 1px solid #004C99;
    background-repeat: x;
}
#eventos {
    background-color: #F8F8F8;
    border: 1px solid #C5C5C5;
}

#pie {
    border-bottom: 1px solid #C5C5C5;
    border-top: 1px solid #C5C5C5;
}

#cabecera {
    clear: both;
    padding: 1em;
    max-height:40px;
}

#menu {
    clear: both;
    padding: 0.5em ;
    margin-bottom: 0.5em;
}

#lateral {
    float: left;
    width: 20%;
}

#contenido {
    float: right;
    width: 78%;
}

#contenido #principal {
    float: left;
    width: 40%;
}

#contenido #foto {
    float: right;
    width: 55%;
}

#contenido #secundario {
    float: right;
    width: 15%;
}

#pie {
    clear: both;
    margin-top: 1em;
}

#eventos {
    margin-top: 1em;
}

#cabecera #logo {
    float: left;
}

#cabecera #calendario {
    float: right;
}

#cabecera #logo h1 {
    /*
     background-image:url(images/logo_tipo.jpg); 
     height: 100px;
     width: 170px;  ///imatge de logo///////////////////////////////////////
     background-size:170px 100px;
     */
}

#menu ul#menu_principal li {
    display: inline;
    float: left;
}

#pie .enlaces   {
    float: left;
}

#pie .copyright {
    float: right;
}

label {
    display: block;
}

.inputs {
     padding: 1px;
     min-width:100%;	
}
.inputs:active, .inputs:hover, .inputs:focus  {
    padding: 1px;
    min-width:100%;
    border:#CFF medium 2px;
    background-color: #a1d9d6;
    color:#000;
    padding: 1px;
}

body {
    background: #bfd255; /* Old browsers */
    background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
    font-family: monospace;
    font-weight: bolder;
}

#contenedor {
    width: 90%;
    max-width: 950px;
    background-color: #C5C5C5;
    margin: 0 auto;
    overflow: hide;
    width: expression(document.body.clientWidth > 901? "1050px": "auto"); 
}

#foto {
    position: relative;
    top:0%;
    left:0%;
    width: 20%;
    min-height: 310px;
    background-color: transparent;
}

iframe {
    width: 100%;
    min-height: 300px;
    border: none;
    background-color: transparent;
}

#creaCSV {
    border:none;
    min-height: 30px;
    min-width: 30px;
    background-color: transparent;
    background-image: url("../../img/calendarioOutSoft.png"); 
    background-size: 100% 100%;
}

#creaCSV:hover {
    background-image: url("../../img/calendarioOut.png"); 
}

#importaCSV {
    border:none;
    min-height: 30px;
    min-width: 30px;
    background-color: transparent;
    background-image: url("../../img/calendarioInSoft.png"); 
    background-size: 100% 100%;
}

#importaCSV:hover {
    background-image: url("../../img/calendarioIn.png"); 
 
}